@charset "utf-8";/* CSS Document */
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}



.pro_index{ padding-top:38px; overflow:hidden; clear:both; padding-bottom:42px;}
.prolist_index{display: flex;flex-wrap: wrap; margin-bottom:59px; overflow:hidden;justify-content: space-between;}
.prolist_tit{ text-align:left;}
.prolist_tit p{font-size:24.5px; color:#333333; line-height:35px;}
.prolist_tit span{ font-size:51px; color:#333333; line-height:60px;}
.prolist_index ul{display: flex;flex-wrap: wrap; margin-top:17px; padding-bottom:14px; width:75%; }
.prolist_index ul li{ background:url(prolist_ul.jpg) repeat-x bottom center; width:20%; }
.prolist_index ul li a{ font-size:23px; color:#333333; display:block; line-height:74px; background:url(prolist_li.jpg) no-repeat bottom center; }
.prolist_index ul li a:hover{ background:url(prolist_li_h.jpg) no-repeat bottom center;}
.product_index{}
.product_index li{ padding:0 15px 40px 15px;}
.product_index li a{ padding-top:13px; background:#f7f7f7; padding:13px 18px 24px 18px;}
.product_index li p{ font-size:21px; color:#333333; line-height:52px; height:52px; overflow:hidden; margin-bottom:6px;}
.product_index li a img{ margin-bottom:24px;}
.product_index li a span{ width:130px; margin:0 auto; line-height:37px; display:block; border-radius:50px; background:#FFF; font-size:13.5px; color:#1f1f1f;}
.product_index li a:hover span{ background:#8bcdff; color:#FFF; }

.home_title{}
.home_title span{ text-transform:uppercase; font-size:41.5px; color:#3d3d3d; font-weight:bold; line-height:56px;}
.home_title p{ font-size:25px; color:#3d3d3d; background:url(news_title.png) no-repeat center center; line-height:35px;}
.about_bg{ clear:both; overflow:hidden; background:url(about_bg.jpg) no-repeat top center; padding-top:40px;} 
.about_left{ text-align:left;clear:both; overflow:hidden; margin-top:70px; margin-bottom:204px;}
.about_title{ margin-top:29px; padding-bottom:9px; background:url(about_title.jpg) no-repeat left bottom;}
.about_title span{ font-size:15px; color:#3d3d3d; line-height:35px; text-transform:uppercase;}
.about_title p{ font-size:33px; color:#3d3d3d;  line-height:45px;}
.about_nr{ margin-bottom:30px; margin-top:18px;}
.about_nr p{ line-height:27px;font-size:18px; color:#545454; text-indent:2em;}
.about_more{ width:166px; line-height:34px; display:block;font-size:18.32px; background:url(about_more.jpg) no-repeat center; text-transform:uppercase; padding-left:20px; clear:both; color:#FFF; }

.about_ul{overflow:hidden;display: flex;flex-wrap: wrap;justify-content: space-around; background:#FFF; box-shadow: 0px 0px 10px #e3e3e3; margin-top:-90px;}
.about_ul li{ float:left; text-align:center; padding-top:34px; padding-bottom:35px;}
.about_ul li p{ color:#1e1e1e; font-size:20px; line-height:40px;  }
.about_ul li h2{ color:#8bcdff; font-size:55px; line-height:70px; }
.about_ul li div{ display: flex; flex-wrap: wrap; align-items: center;justify-content: center; }
.about_ul li div em{ font-size:24px; color:#8bcdff; margin-top:23px;}
.about_ul02 div em{ background:url(about_li2.jpg) no-repeat right top; padding-right:8px;}
.about_ul04 div em{ color:#8bcdff; font-size:55px !important; line-height:70px;  text-transform:uppercase; margin-top:0px !important;}

.work_bg{ clear:both; overflow:hidden; padding-top:35px; padding-bottom:32px; position:relative;}

.swiper-containerwork{ overflow:hidden; margin-top:30px;}
.swiper-containerwork li p{ font-size:24.5px; color:#333333; line-height:37px;}
.swiper-containerwork .swiper-slide a{ background:#f2f2f2; padding:19px 12px;}
.swiper-button-nextwork{ background:url(work_left.png) no-repeat center center; width:50px; height:50px; position:absolute; z-index:33; left:10px;top:50%;}
.swiper-button-prevwork{ background:url(work_right.png) no-repeat center center; width:50px; height:50px; position:absolute; z-index:33; right:10px; top:50%;}

.adv_bg{ background:url(adv_bg.jpg) no-repeat top center;clear:both; overflow:hidden; padding-bottom:78px;}
.adv_right{ width:58%; float:right;}
.adv_hb{ font-size:20px; color:#4d4d4d; line-height:69px; margin-bottom:67px;letter-spacing:30px;}
.adv_title{display: flex;flex-wrap: wrap; text-align:left; margin-bottom:39px; }
.adv_title p{ font-size:28px; color:#000000; line-height:50px; }
.adv_title span{ font-size:16px; color:#8bcdff; margin-left:15px; text-transform:uppercase; line-height:25px;  }
.adv_bg ul{ border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; clear:both; overflow:hidden;}
.adv_bg ul li{ border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; width:50%; float:left; text-align:left; padding:44px 0 44px 129px;}
.adv_li01{ background:url(adv01.jpg) no-repeat left 25px center;}
.adv_li02{ background:url(adv02.jpg) no-repeat left 25px center;}
.adv_li03{ background:url(adv03.jpg) no-repeat left 25px center;}
.adv_li04{ background:url(adv04.jpg) no-repeat left 25px center;}
.adv_bg ul li.adv_li01:hover{ background:url(adv01_h.jpg) no-repeat left 25px center;}
.adv_bg ul li.adv_li02:hover{ background:url(adv02_h.jpg) no-repeat left 25px center;}
.adv_bg ul li.adv_li03:hover{ background:url(adv03_h.jpg) no-repeat left 25px center;}
.adv_bg ul li.adv_li04:hover{ background:url(adv04_h.jpg) no-repeat left 25px center;}
.adv_bg ul li p{ font-size:23px; color:#000000; line-height:39px; margin-top:9px; }
.adv_bg ul li span{ color:#494949; font-size:18px; line-height:36px; margin-bottom:9px; display:block;}

.liucheng_bg{ background:#fafafa; padding-top:25px;clear:both; overflow:hidden; padding-bottom:38px; }
.liucheng_bg ul{display: flex;flex-wrap: wrap; margin-top:29px;}
.liucheng_bg ul li{ width:16.6%;}
.liucheng_bg ul li img{ width:auto; max-width:100%;}
.liucheng_bg ul li p{ font-size:25px; color:#000000; line-height:62px; background:url(lc_title.jpg) no-repeat bottom center;}

.news_bg{ padding-top:30px;clear:both; overflow:hidden;}
.news_bg ul{ margin-top:40px; margin-bottom:45px;overflow:hidden; }
.news_bg ul li{ width:48%; margin:0 1%; float:left; text-align:left;}
.news_bg ul li img{ margin-bottom:17px;}
.news_bg ul li span{ font-size:36px; color:#717171; float:left; background:url(news_jt.jpg) no-repeat bottom left; display:block; padding-bottom:47px; line-height:55px; margin-right:17px;  }
.news_bg ul li a{display:block;}
.news_bg ul li h3{ font-size:22px; color:#272727; line-height:41px; margin-bottom:8px; height:41px; overflow:hidden;}
.news_bg ul li p{ color:#959595; font-size:18px; line-height:33px; height:66px; overflow:hidden;}
.news_more{ background:url(news_more.jpg) no-repeat center center; font-size:16px; color:#000000; width:159px; line-height:38px; display:block; text-transform:uppercase; margin:0 auto; position:relative; z-index:45;}

.liuyan_index_bg{ background:url(liuyan_bg.jpg) no-repeat top center #8bcdff; clear:both; overflow:hidden; padding-top:103px; padding-bottom:20px;}  
.shang{ margin-top:-39px;}
.liuyan_title{ float:left; color:#fefefe; font-size:25px; margin-left:88px;}
#facebook{ float:right;}
#name{ width:163px; line-height:41px; height:41px; font-size:15px; background:#FFF; color:#9d9d9d; margin-right:15px;}
#tel{ width:163px; line-height:41px; height:41px; font-size:15px; background:#FFF; color:#9d9d9d;margin-right:15px;}
#content{ width:400px; line-height:41px; height:41px; font-size:15px; background:#FFF; color:#9d9d9d;margin-right:15px;}
.anniu_lxfs{ line-height:41px; background:#000; width:100px; font-size:15px; color:#FFF;}

.foot_index_bg{ background:#222222;clear:both; overflow:hidden; padding-top:27px; padding-bottom:25px;}
.foot_left{ background:url(foot_l.jpg) no-repeat right top;}
.foot_left ul{ text-align:left; padding-top:5px;}
.foot_left ul p{ font-size:25px; color:#ffffff; line-height:53px;}
.foot_left ul li a{ font-size:17px; color:#c8c8c8; line-height:31px; }
.foot_lxfs{ padding-left:50px;}
.foot_lxfs li{ font-size:20px; color:#FFF; padding-left:53px; text-align:left; line-height:33px; margin-top:15px; margin-bottom:15px;}
.foot_lxfs01{ background:url(foot_dh.jpg) no-repeat left center;}
.foot_lxfs02{ background:url(foot_fax.jpg) no-repeat left center;}
.foot_lxfs03{ background:url(foot_mail.jpg) no-repeat left center;}
.foot_lxfs04{ background:url(foot_add.jpg) no-repeat left center;}
.footer_index{ padding:10px; clear:both; overflow:hidden; border-top:1px solid #3f4247;background:#222222;}
.footer_index p{ font-size:20px; color:#FFF; line-height:40px;}
.footer_index a{ font-size:20px; color:#FFF; line-height:40px;}
.footer_index span{ font-size:20px; color:#FFF; line-height:40px;}

news_tit {margin-top: 35px;margin-bottom: 35px;clear: both;font-size: 24px;display: block;
text-align: center;margin: 25px 0px;font-weight: 400;color: #076ce0;border-bottom: 4px solid #076ce0;line-height: 2em;}
.news_tit {clear:both;font-size: 24px;display: block;text-align: center;margin: 25px 0px;font-weight: 400;color: #076ce0;border-bottom: 4px solid #076ce0;line-height: 2em;}
.news_tit {margin-top: 35px;margin-bottom: 35px;}
.newsList { display: flex; flex-wrap: wrap; justify-content: space-between;margin-bottom: 45px; }
.newsList li { border-bottom: 1px dashed #ccc;line-height: 2em;padding: 5px 0 ;float:left;width:48%;}


@media (max-width: 1200px) {           
.product_index li{ padding:0 10px 20px 10px;}
.adv_hb{letter-spacing:22px;}
.adv_bg ul li{ padding:44px 0 44px 112px;}
.adv_li01{ background:url(adv01.jpg) no-repeat left 17px center;}
.adv_li02{ background:url(adv02.jpg) no-repeat left 17px center;}
.adv_li03{ background:url(adv03.jpg) no-repeat left 17px center;}
.adv_li04{ background:url(adv04.jpg) no-repeat left 17px center;}
.adv_bg ul li.adv_li01:hover{ background:url(adv01_h.jpg) no-repeat left 17px center;}
.adv_bg ul li.adv_li02:hover{ background:url(adv02_h.jpg) no-repeat left 17px center;}
.adv_bg ul li.adv_li03:hover{ background:url(adv03_h.jpg) no-repeat left 17px center;}
.adv_bg ul li.adv_li04:hover{ background:url(adv04_h.jpg) no-repeat left 17px center;}

}

@media (max-width: 992px) {           
.prolist_tit span{ font-size:36px;}
.prolist_index ul li a{ font-size:20px;}
.prolist_index{ margin-bottom:25px;}
.about_title p{ font-size:24px;}
.about_title span{ font-size:13px;}
.about_nr p{ font-size:15px; line-height:25px;}
.about_title{ margin-top:10px;}
.about_nr{ margin-top:5px; margin-bottom:10px;}
.swiper-containerwork li p{ font-size:22px;}
.swiper-button-nextwork{ display:none;}
.swiper-button-prevwork{display:none;}
.adv_hb{ margin-bottom:15px;}
.adv_bg ul li{ padding:22px 0 22px 112px;}
.adv_right{ width:65%;}
.adv_hb{letter-spacing:15px;}
.liucheng_bg ul li p{ font-size:22px;}
.news_bg ul li span{ font-size:24px;}

.liuyan_index_bg{ display:none;}
.foot01 { display:none;}

}

@media (max-width: 768px) {           
.home_title span{ font-size:37px;}
.about_left{ background:#FFF; padding-bottom:25px;}
.about_left{ margin-bottom:130px;}
.about_ul li{ padding-top:15px; padding-bottom:15px;}
.prolist_index{flex-direction: column;}
.prolist_index ul{ width:100%;}
.prolist_tit{ text-align:center; text-transform:uppercase;}
.product_index li a{ padding:10px;}
.pro_index .container{ padding-left:0px; padding-right:0px;}
.prolist_tit span{ font-size:24px; line-height:45px;}
.prolist_index ul li{ width:33.3%;}
.prolist_index ul li:nth-child(4){ width:50%;}
.prolist_index ul li:nth-child(5){ width:50%;}
.product_index li a span{ width:100px;}
.prolist_index ul li a{ line-height:50px; padding-bottom:15px;}
.product_index li p{ font-size:20px; line-height:48px;}
.adv_right{ width:100%;}
.adv_bg{ background:#ffffff;}
.adv_hb{letter-spacing:12px;}
.liucheng_bg ul li{ width:33.3%; margin-bottom:15px;}
.foot_left{ margin-bottom:25px; background:none;}
.foot_lxfs{ padding-left:15px;}
.news_bg ul li span{ float:none; padding-bottom:0px; background: url(news_jt.jpg) no-repeat right center; margin-right:0px; font-size:16px; line-height:30px;}

}

@media (max-width: 600px) {   
.adv_bg ul li{ padding:110px 0 10px 0; text-align:center;}        
.adv_li01{ background:url(adv01.jpg) no-repeat top 20px center;}
.adv_li02{ background:url(adv02.jpg) no-repeat top 20px center;}
.adv_li03{ background:url(adv03.jpg) no-repeat top 20px center;}
.adv_li04{ background:url(adv04.jpg) no-repeat top 20px center;}
.adv_bg ul li.adv_li01:hover{ background:url(adv01_h.jpg) no-repeat top 20px center;}
.adv_bg ul li.adv_li02:hover{ background:url(adv02_h.jpg) no-repeat top 20px center;}
.adv_bg ul li.adv_li03:hover{ background:url(adv03_h.jpg) no-repeat top 20px center;}
.adv_bg ul li.adv_li04:hover{ background:url(adv04_h.jpg) no-repeat top 20px center;}
.foot_left{ padding:0px;}
.news_bg ul li h2{ font-size:18px; height:32px; line-height:32px;}
.news_bg ul li p{ font-size:14px; line-height:22px; height:44px;}

}

@media (max-width: 425px) {           
.home_title span{ font-size:32px;}
.product_index li{ width:50%;}
.product_index li p{ font-size:18px; line-height:40px;}
.adv_hb{letter-spacing:0;}
.liucheng_bg ul li{ width:50%;}
.foot_index_bg .container{ padding:0px;}
.foot_left ul p{ font-size:20px;}
.foot_left ul{ padding-left:10px; padding-right:10px;}
.news_bg ul li{ width:100%; margin-bottom:20px;}

}